import { useState } from 'react'
import './App.css';
// import Home from './components/Home'
import Home2 from './components/Home2'
import Home3 from './components/Home3'
import Home4 from './components/Home4'


function App() {
  const [flag, setFlag] = useState(true)
  return (
    <div className="App"> 
      {/* {
        flag? <Home2/>: "我被销毁了~~~~"
      }
      
      <button onClick = {() => {
        setFlag(!flag)
      }}>点我</button> */}
      <Home4/>
      
    </div>
  );
}

export default App;
